<template>
    <div class="wh-100">
        <!--头部-->
        <head-components :title="title"></head-components>
        <!--内容-->
        <div class="w-40 d-flex-center" style="flex-direction: column">
            <div class="w-90 d-flex-center" style="flex-direction: column">
                <Input class="w-80" v-model="value" type="password" password placeholder="原始密码" style="margin-top: 20px">
                    <template #prefix>
                        <Icon type="ios-lock-outline" />
                    </template>
                </Input>
                <Input class="w-80" v-model="value" type="password" password placeholder="新密码" style="margin-top: 20px">
                    <template #prefix>
                        <Icon type="ios-lock-outline" />
                    </template>
                </Input>
                <Input class="w-80" v-model="value" type="password" password placeholder="确认密码" style="margin-top: 20px">
                    <template #prefix>
                        <Icon type="ios-lock-outline" />
                    </template>
                </Input>
            </div>
            <div class="mt-1">
                <Button type="primary">修改</Button>
            </div>
        </div>
    </div>
</template>
<script>
import HeadComponents from './my-components/headComponents.vue';
export default {
    components: { HeadComponents },
    data() {
        return {
            title: '密码修改'
        };
    }
};
</script>
